﻿var share={
    html:'',
    //初始化分享插件
    init:function(options){
        var style=''; //$('<style>').text(style).appendTo($('head'));
        $('body').append('<div class="msb_main"><img title="分享" src="/static/img/share_core.jpg" onclick="share.open();"></div>');
        if(options.maskLayer||options.maskLayer==undefined){
            share.html+='<div class="share-mask">';
        }
        share.html+='<div class="share-area"><h3>';
        if(options.title){
                share.html+=  options.title+'</h3><div class="clearfix">';
        }else{
                share.html+=  '分享到</h3><div class="clearfix">';
        }
        if(options.shareTo){
            var obj = options.shareTo;
            if(obj.wb){
                var shareWb ='http://v.t.sina.com.cn/share/share.php?';
                if(obj.wb.description){
                    shareWb += 'title='+encodeURIComponent(obj.wb.description);
                }else{
                    shareWb += 'title='+encodeURIComponent("依服宝");
                }
                if(obj.wb.url){
                    shareWb += '&url='+encodeURIComponent(obj.wb.url)+'&content=utf-8&sourceUrl='+encodeURIComponent(obj.wb.url);
                }else{
                    shareWb += '&url='+encodeURIComponent("http://m.efubao.com/")+'&content=utf-8&sourceUrl='+encodeURIComponent(obj.wb.url);
                }
                if(obj.wb.imgUrl){
                    shareWb += '&pic='+encodeURIComponent(obj.wb.imgUrl);
                }
                share.html+= '<a href="'+shareWb+'" class="share-out share-wb" id="share-wb" target="_blank"><b class="wb-icon"><strong></strong></b>'+obj.wb.type+'</a>';
            }
            if(obj.kj){
                var shareKj ='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
                if(obj.kj.url){
                    shareKj += 'url='+encodeURIComponent(obj.kj.url);
                }else{
                    shareKj += 'url='+encodeURIComponent("http://m.efubao.com/");
                }
                if(obj.kj.description){
                    shareKj += '&summary='+encodeURIComponent(obj.kj.description);
                }else{
                    shareKj += '&summary='+encodeURIComponent("依服宝");
                }
                if(obj.kj.title){
                    shareKj += '&title='+encodeURIComponent(obj.kj.title);
                }
                if(obj.kj.imgUrl){
                    shareKj += '&pics='+encodeURIComponent(obj.kj.imgUrl);
                }
                share.html+= '<a href="'+shareKj+'" class="share-out share-kj" id="share-kj" target="_blank"><b class="kj-icon"><strong></strong></b>'+obj.kj.type+'</a>';
            }
            
            if(obj.wx){
                initWx(obj.wx.title,obj.wx.description,obj.wx.url,obj.wx.imgUrl); 
                share.html+= '<a href="#" class="share-out share-wx" id="share-wx" target="_blank"><b class="wx-icon"><strong></strong></b>'+obj.wx.type+'</a>';
            }
            if(obj.wm){
                share.html+= '<a href="'+obj.wm.url+'" class="share-out share-wm" id="share-wm" target="_blank"><b class="wm-icon"><strong></strong></b>'+obj.wm.type+'</a>';
            }
            share.html+= '</div>';
        }
        if(options.needCancel||options.needCancel==undefined){
            share.html+='<div class="cancel">取消</div></div>';
        }else{
            share.html+='</div>';
        }
        if(options.maskLayer||options.maskLayer==undefined){
            share.html+='</div>';
        }
    },
    open:function(){
        var shareArea = $('body').find('.share-area');
        if(shareArea.length){
            $('.share-mask').show();
            $('.share-area').show();
        }else{
            $('body').append(share.html);
        }
    },
    close:function(e){
            $('.share-mask').hide();
            $('.share-area').hide();
    }
};

function initWx(title,description,url,imgUrl){
    //$('head').append('<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>');
    //请求配置接口
    $.ajax({
        type: 'POST',
        url: efb_partner+'/api/wx/jsapiConfig',
        data: {
            url : location.href.split('#')[0],
            app : 1
        },
        dataType: 'json',
        success: function(data){

            wx.config({
                // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                debug: false,
                // 必填，公众号的唯一标识
                appId: data.appId,
                // 必填，生成签名的时间戳
                timestamp: data.timestamp,
                // 必填，生成签名的随机串
                nonceStr: data.nonceStr,
                // 必填，签名，见附录1
                signature: data.signature,
                // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                jsApiList: [
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage'
                ]
            });
            //alert("shareUrl=="+url);
            // config信息验证后会执行ready方法
            wx.ready(function(){
                //分享到朋友圈
                wx.onMenuShareTimeline({
                    // 分享标题
                    title: title,
                    // 分享链接
                    link: url,
                    // 分享图标
                    imgUrl: imgUrl,
                    // 用户确认分享后执行的回调函数
                    success: function () {
                        //关闭当前窗口
                        wx.closeWindow();
                    }
                    // 用户取消分享后执行的回调函数
                    //cancel: function () {}
                });

                //分享给朋友
                wx.onMenuShareAppMessage({
                    // 分享标题
                    title: title,
                    // 分享描述
                    desc: description,
                    // 分享链接
                    link: url,
                    // 分享图标
                    imgUrl: imgUrl,
                    // 分享类型,music、video或link，不填默认为link
                    //type: '',
                    // 如果type是music或video，则要提供数据链接，默认为空
                    //dataUrl: '',
                    // 用户确认分享后执行的回调函数
                    success: function () {
                        //关闭当前窗口
                        wx.closeWindow();
                    }
                    // 用户取消分享后执行的回调函数
                    //cancel: function () {}
                });

            });

            //config信息验证失败会执行error函数
            wx.error(function(res){
                console.log(res);
            });

        },
        error: function(xhr, type){
            console.log(xhr);
            console.log(type);
        }
    });
}

$(function(){
        // $('.share-area').on('click','.cancel',function(e){
        //     e.stopPropagation();
        //     share.close();
        // });
        // $('body').on('touchstart','.share-mask',function(){
        //     share.close();
        // });
        // $('body').on('touchstart','.share-area',function(){
        //     share.close();
        // });
        $('body').on('touchstart','.cancel',function(e){
            e.preventDefault();
             $('.share-mask').hide();
            $('.share-area').hide();
        })
        $('body').on('touchstart','#share-wm',function(e){
            $('body').append($('<div class="qrcode-mask"><div class="qrcode-box"><h3>长按即可保存或者识别二维码</h3><div class="qrcode"><span class="qrcode-close"></span></div></div></div>'))
                var qrcode = new QRCode($(".qrcode").get(0), {
                    width : 160,height : 160
                });
                qrcode.makeCode($(this).attr('href'));
                e.stopPropagation();
                return false;
        });
        $('body').on('touchstart','.qrcode-close',function(e){
            //关闭二维码
            $('.qrcode-mask').remove();
        });
        $('body').on('touchstart','.share-out',function(e){
            if(!$(this).hasClass('share-wm')){
                window.location.href =$(this).attr('href');
                e.preventDefault();
            }
        });
        $('body').on('touchstart','#share-wx',function(e){
            $('body').append($('<div class="qrcode-mask"><img class="arrow" id="arrow" src="/static/img/share-it.png"><div id ="share-text">点击右上角分享给朋友或分享到朋友圈。</div></div>'));
            e.stopPropagation();
            return false;
        });

});





